.zwgk-nav {
    font-size: 14px;
    font-weight: bold;
}

.zwgk-nav span {
    border-left: solid 1px #efefef;
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef;
    display: block;
    margin-bottom: 8px;
    height: 40px;
    line-height: 38px;
    padding-left: 60px;
    background-image: url(images/zwgkicon.png);
    background-repeat: no-repeat;
}

.zwgk-nav span:hover {
    border-right: none;
    border-top: none;
    border-bottom: none;
    background-image: url(images/zwgkicon1.png);
    background-repeat: no-repeat;
}

.zwgk-nav span:hover a {
    color: #EFEFEF;
}

.zwgk-nav-1 {
    background-position: 18px 15px;
    border-right: solid 6px #14bda3;
}

.zwgk-nav-2 {
    background-position: 18px -48px;
    border-right: solid 6px #eb6877;
}

.zwgk-nav-3 {
    background-position: 18px -116px;
    border-right: solid 6px #f19149;
}

.zwgk-nav-4 {
    background-position: 18px -175px;
    border-right: solid 6px #80c269;
}

.zwgk-nav-5 {
    background-position: 18px -236px;
    border-right: solid 6px #00a0e9;
}

.zwgk-nav-6 {
    background-position: 18px -300px;
    border-right: solid 6px #d754b4;
}

.zwgk-nav-1:hover {
    background-color: #14bda3;
    border-right: solid 6px #14bda3;
}

.zwgk-nav-2:hover {
    background-color: #eb6877;
    border-right: solid 6px #eb6877;
}

.zwgk-nav-3:hover {
    background-color: #f19149;
    border-right: solid 6px #f19149;
}

.zwgk-nav-4:hover {
    background-color: #80c269;
    border-right: solid 6px #80c269;
}

.zwgk-nav-5:hover {
    background-color: #00a0e9;
    border-right: solid 6px #00a0e9;
}

.zwgk-nav-6:hover {
    background-color: #d754b4;
    border-right: solid 6px #d754b4;
}